<template>
	<view>
		<view class="login-bg">
			<image src="../../static/common/loginhead.png" mode="widthFix" lazy-load></image>
		</view>
		<view>
			<view class="login-user">
				<view class="login-input">
					<input class="input" placeholder="昵称/手机号/邮箱"></input>
				</view>
				<view class="login-secret flex-ac">
					<input class="secret" placeholder="请输入密码" type="password"></input>
					<view class="tip">忘记密码？</view>
				</view>
				<view style="margin-top: 30rpx;">
					<button type="default" style="color: #666666;font-weight: 600;" @tap="openMy()">登&nbsp;录</button>
				</view>
			</view>
		</view>
		<view>
			<view class="login-method flex-sc-ac" @click="openLogin()">
				<view>验证码登录</view>
				<view class="icon iconfont icon-jinru"></view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			openLogin(){
				uni.navigateTo({
					url:'../loginelse/loginelse'
				});
			},
			openMy(){
				uni.navigateTo({
					url:'../login-my/login-my'
				});
			}
		}
	}
</script>

<style>
	.login-bg>image{
		width: 100%;
		/* height: 900rpx; */
	}
	.login-user{
		padding: 50rpx;
	}
	.login-input,.login-secret{
		border-bottom: 1rpx solid #eee;
		padding: 30rpx 0 30rpx 0;
	}
	.input{
		font-weight: 500;
	}
	.secret{
		font-weight: 500;
		flex: 1;
	}
	.tip{
		font-size: 25rpx;
	}
	
	.login-method{
		font-size: 30rpx;
	}
	
</style>
